<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <title>多种样式的社交网站顶部导航</title>

    @include("frontend/light/common/jscss")


    <style>


    </style>

</head>
<body>

<!--- 顶部 --->
@include("frontend/light/common/header1")

<!--- 轮播图：全横屏展示 --->
include("frontend/light/common/carousel1")

<!--- 左边轮播图 右边文章 --->
include("frontend/light/common/carousel2")




<!--- 展示内容 --->
<div class="container main-container">
    <div class="row">
        <!--- 左边列表 右边推荐 --->
        <div class="col-8">

            <!-- 一个独立的列表展示：栏目与列表 -->
            <!-- 首页有多个这样的列表展示 -->
            <div class="cate-content-lists">
                <!------ 各种列表里面的二级栏目 ------>
                @include("frontend/light/common/lists-cate")

                <div class="list">
                    include("frontend/light/lists/blog")
                    @include("frontend/light/lists/manage")
                </div>
            </div>

            <!--- 标签 --->
            @include("frontend/light/common/标签")


            <!-- 分页 -->
            @include("frontend/light/common/page")

        </div>
        <div class="col-4">
            <!--- 各种推荐 --->
            <!-- 当前用户信息 -->
            include("frontend/light/sidebar/sidebar6")

            <!-- 通知 -->
            include("frontend/light/sidebar/sidebar1")

            <!-- 推荐文章 -->
            include("frontend/light/sidebar/sidebar2")

            <!-- 推荐图文内容 -->
            include("frontend/light/sidebar/sidebar3")

            <!-- 推荐论坛帖子 -->
             include("frontend/light/sidebar/sidebar4")

            <!-- 热门话题 -->
            include("frontend/light/sidebar/sidebar5")

            <!-- 热门标签 -->
            include("frontend/light/sidebar/sidebar7")

            <!-- 推荐用户 -->
            include("frontend/light/sidebar/sidebar8")

            <!-- 推荐活动 -->
            include("frontend/light/sidebar/sidebar9")

            <!-- 推荐群组 -->
            include("frontend/light/sidebar/sidebar10")

            <!-- 赞助商 -->
            include("frontend/light/sidebar/sidebar11")


            <!-- 推荐关注 -->
            include("frontend/light/sidebar/sidebar12")

            <!-- 热门话题 -->
            include("frontend/light/sidebar/sidebar13")

            <!-- 互动动态 -->
            include("frontend/light/sidebar/sidebar14")

            <!-- 推荐关注 -->
            include("frontend/light/sidebar/sidebar15")

            <!-- 热门话题 -->
            include("frontend/light/sidebar/sidebar16")

            <!-- 最近活动 -->
            include("frontend/light/sidebar/sidebar17")

            <!-- 当前用户信息 -->
            include("frontend/light/sidebar/sidebar18")

            <!-- 推荐用户 -->
            include("frontend/light/sidebar/sidebar19")

            <!-- 推荐文章 -->
            include("frontend/light/sidebar/sidebar20")

            <!-- 图文内容 -->
            include("frontend/light/sidebar/sidebar21")

            <!-- 热门话题 -->
            include("frontend/light/sidebar/sidebar22")

            <!-- 热门标签 -->
            include("frontend/light/sidebar/sidebar23")

            <!-- 推荐论坛 -->
            include("frontend/light/sidebar/sidebar24")

            <!-- 推荐群组 -->
            include("frontend/light/sidebar/sidebar25")

            <!-- 通知 -->
            include("frontend/light/sidebar/sidebar26")


        </div>
    </div>
</div>


<!--- 底部 --->
@include("frontend/light/common/footer")

<script>
    // 为所有样式初始化交互功能
    document.addEventListener('DOMContentLoaded', function () {

    });
</script>
</body>
</html>

